<template>
    <div class="main-container">
        <!-- 左侧容器 -->
        <div class="container-left">
            <dict-type/>
        </div>
        <!-- 右侧容器 -->
        <div class="container-right">
            <dict-item/>
        </div>
    </div>
</template>

<script>
import DictType from "./DictType";
import DictItem from "./DictItem";

export default {
    name: "DictionaryIndex",
    components: { DictType, DictItem },
    data() {
        return {
        };
    }
}
</script>

<style lang="scss" scoped>
.main-container {
    display: flex;
}

.container-left {
    flex: 1;
    padding: 10px;
    margin-right: 10px;
    background: #42B884;
}

.container-right {
    flex: 1;
    padding: 10px;
    background: #42B884;
}
</style>